<template>
	<div id="foot">
		<div class="wapper">
			<div class="row">
				<div class="jc">
					<img src="http://static.huxy.top/gongan.d0289dc0.png" />
					<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42018502005498">鄂公网安备 42018502005498号</a>
				</div>
				<div class="jc">
					<span>ICP备案号</span>
					<a href="http://beian.miit.gov.cn/">鄂ICP备2021015624号-1</a>
				</div>
			</div>
		</div>
	</div>
</template>

<script></script>

<style lang="scss">
#foot {
	padding: 10px;
	
	font-size: 14px;
	.wapper {
		.row {
			display: flex;
			gap: 50px;
			align-items: center;
			span{
				color: #999;
			}
			a{
				color: #ccc;
				transition: all .2s;
				margin-left: 10px;
				&:hover{
					color: #00a1d6;
				}
			}
		}
	}
}
@media screen and (max-width: 768px) {
	#foot {
		.wapper {
			.row {
				display: flex;
				gap: 15px;
				flex-direction: column;
				align-items: center;
			}
		}
	}
}
</style>
